<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>API首页</title>
		<!-- 重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 常态化样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 当前页面样式 -->
		<link rel="stylesheet" href="../css/api-index.css" />
	</head>
	<body>
		<header class="flex-c-sb bxb pa">
			<a href="#" class="logo">
				<h1 class="bl"></h1>
			</a>
			<ul class="nl flex-c-c">
				<li>
					<a href="./index.html" target="_blank">首页</a>
				</li>
				<li class="active">
					<a href="#">API</a>
				</li>
				<li>
					<a href="#">云服务</a>
				</li>
				<li>
					<a href="./unicon-index.html" target="_blank">案例</a>
				</li>
				<li>
					<a href="#">开发者</a>
				</li>
			</ul>
			<div>
				<span class="register"
					><a href="./logun.html" target="_blank">登录</a></span
				>
				<span class="login">
					<a href="./register.html" class="f-white" target="_blank">注册有礼</a>
				</span>
			</div>
		</header>
		<!-- 填充 -->
		<div class="fill"></div>
		<main>
			<!-- API分类 -->
			<section id="api-ci" class="bxb">
				<div class="container">
					<h2>API分类</h2>
					<ul class="api-list"></ul>
					<div class="search pr">
						<p><strong>全部</strong></p>
						<p class="pr">
							<input type="search" value="身份证实名" class="bxb" />
							<img
								src="../imgs/iocn/magnifier.png"
								alt="图片加载失败"
								class="pa"
							/>
						</p>
					</div>
				</div>
			</section>
			<section id="apiCards">
				<div class="container">
					<ul class="cards-list">
						<li class="pr">
							<span class="pa">企业认证</span>
							<img src="../imgs/iocn/API_01.jpg" alt="图片已损坏" />
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
							<a class="pa" href="./api-detail.html" target="_blank"
								>申请数据</a
							>
						</li>
					</ul>
				</div>
			</section>
			<section id="sorter">
				<ul>
					<li class="active">1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li>
				</ul>
			</section>
		</main>
		<div id="mask">
			<div id="register-form">
				<!-- 大标题 -->
				<div class="register-title">
					<img src="../imgs/iocn/loginlogo.png" alt="图片已损坏" />
				</div>
				<!-- 小标题 -->
				<div class="s-title fz20">
					<a href="#" class="t1 active">账号登录</a>
					<i></i>
					<a href="#" class="t2">扫码登录</a>
				</div>
				<!-- 登录表单 -->
				<form id="r-box" class="mt-40">
					<!-- 用户名 -->
					<p class="login-box1 mb-10">
						<input type="text" placeholder="用户名/手机号/邮箱" />
					</p>
					<!-- 密码 -->
					<p class="login-box2">
						<input type="password" placeholder="密码" />
					</p>
					<!-- 提示:忘记密码 -->
					<p class="ftp mt-20">
						<a href="#">忘记密码</a>
					</p>
					<!-- 登录按钮 -->
					<p><button class="login-b mt-20">登录</button></p>
					<!-- 提示:立即注册 -->
					<div id="hint" class="mt-20">
						还没有账号，
						<span><a href="./register.html" target="_blank">立即注册</a></span>
						<img src="../imgs/iocn/loginIcon2.jpg" alt="图片已损坏" />
					</div>
				</form>
				<form id="scan-code" class="bxb">
					<div class="QR-code">
						<img src="../imgs/iocn/103-demo.png" alt="" />
						<p>微信扫码登录</p>
						<p>未关注源码科技公众号，请先关注在登录</p>
					</div>
					<!-- 提示:立即注册 -->
					<div id="hint" class="mt-20">
						还没有账号，
						<span><a href="./register.html" target="_blank">立即注册</a></span>
						<img src="../imgs/iocn/loginIcon2.jpg" alt="图片已损坏" />
					</div>
				</form>
			</div>
		</div>
		<footer class="pt-45">
			<!-- 版心 -->
			<div class="container flex-w-sb">
				<!-- 尾部上方列表 -->
				<div class="text3">
					<ul class="f-list flex-sb">
						<li>
							<div class="title">联系我们</div>
							<div class="b-msg">
								400-882-7715 <br />
								售前咨询 <br />
								客服&售后 <br />
								常见问题 <br />
								极速工单 <br />
								投诉与建议<br />
							</div>
						</li>
						<li>
							<div class="title">关于源码</div>
							<div class="b-msg">
								合作伙伴 <br />
								服务条款 <br />
								隐私政策 <br />
								市场合作 <br />
								反商业贿赂声明 <br />
								投诉与建议<br />
							</div>
						</li>
						<li>
							<div class="title">快速入口</div>
							<div class="b-msg">
								API数据 <br />
								黑钻会员 <br />
								新闻动态 <br />
								联系我们 <br />
								加入我们 <br />
								投诉与建议<br />
							</div>
						</li>
						<li>
							<div class="title">产品服务</div>
							<div class="b-msg">
								云监测 <br />
								云查询 <br />
								云助手 <br />
								聚盒子 <br />
								云充值 <br />
								投诉与建议<br />
							</div>
						</li>
						<li>
							<div class="title">解决方案</div>
							<div class="b-msg">
								数字中台 <br />
								慧集：API生命周期管理<br />
								有赢：助力企业营销 <br />
								常见问题 <br />
								极速工单 <br />
								投诉与建议<br />
							</div>
						</li>
					</ul>
				</div>
				<!-- 微信部分 -->
				<div class="weix">
					<p class="fz18">微信公众号</p>
					<p>源码时代</p>
					<img src="../imgs/iocn/wechat-white.png" alt="图片加载失败" />
				</div>
				<!-- 注释部分 -->
				<div class="annotation flex-sb">
					<p>
						<img src="../imgs/iocn/bei1.png" alt="图片加载失败" />
						<img src="../imgs/iocn/bei2.png" alt="图片加载失败" />
						<span
							>增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</span
						>
					</p>
					<p>源码大数据股份有限公司©版权所有</p>
				</div>
			</div>
		</footer>
		<script src="../js/util.js"></script>
		<script src="../js/api-index.js"></script>
	</body>
</html>
